<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      /**
     * 1、ajax（Asynchronous JavaScript + XML）技术：ajax的核心是XMLHttpRequest，通过对该对象的操作来进行异步的数据请求。有同源限制。
        接触的最多的就是jQuery的封装，比如$.ajax   $.post   $.get
        angular的话可以使用$htttp服务。
        2、EventSource：就是SSE（服务端推送）技术，从HTTP演变而来
        3、WebSocket：客户端和服务端的双向长连接通信
        4、navigator.sendBeacon：全新的异步数据上报api，专门用来做数据采集，浏览器会在合适的时候才执行数据上报。典型场景就是无阻塞的方式对出站行为进行采集上报。
        5、服务端渲染
        谈起服务端渲染，对于动态服务而言，这个世界 上跑的大多数页面都经过服务端的数据渲染，接口->前端赋值->模板渲染，这些都是在服务器完成的，在查看源码的时候，可以看到完整的html代码，包括每个数据值。
        常用的php模板：Smarty   Blade    Mustache
        如果使用Node.js作为服务端的话：ejs    doT   jade
        6、Web  Socket
        HTML5 WebSocket 设计出来的目的就是要取代轮询和Comet技术，使客户端浏览器具备像C/S架构下桌面系统的实时通讯能力。浏览器通过javascript向服务器发出建立WebSocket连接的请求，连接建立后，客户端和服务端就可以通过TCP连接直接交换数据。也就是我们可以使用web技术构建实时性的程序，比如聊天、游戏等应用。需要考虑兼容性。
     * 
    */
    </script>
  </body>
</html>
